<template>
  <div class="no_comment_data">
    <img src="@/assets/noData.webp" alt="" class="img" />
    <div>No comments yet</div>
  </div>
</template>

<script lang="ts" setup></script>

<style scoped lang="scss">
  .no_comment_data {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 60px 0;
    color: var(---6, #7a7a7a);
    text-align: center;
    font-family: 'Inter Tight';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    .img {
      width: 64px;
      height: 64px;
    }
  }
</style>
